Ref objectは常に同じ参照を持つ
こうすればいい
code:ts
const ref = useRef();
const cur = ref;
currentの値を変えても常にtrueになる
code:ts
cur.current = n;
だから、「前回のpropsの値を利用する」ときなどに使える
コード全体
code:ts
let prev = null;
function App() {
const ref = useRef();
const cur = ref;
console.log(cur === prev); // 常にtrue
prev = cur;
cur.current = n; // 書き換えてもtrue
return (
<div>
<div>{n}</div>
<button onClick={() => setN((n) => n + 1)}>inc</button>
</div>
);
}